<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="/struts-tags" prefix="s"%>
<script type="text/javascript" charset="utf-8"
	src="js/jquery.listnav.min-2.1.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/jquery.dataTables.listnav.js"></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {

	});
</script>
<s:if test="#session.logged != 'true'">
	<jsp:forward page="../index.jsp" />
</s:if>
<div class="content">
	<div class="row-fluid">
		<s:form id="update-trust-region" action="updateTrustRegion?trustRegionId=%{trustRegionId}"
			cssClass='validate form-horizontal' method="post" theme="simple">
			<div class="span12">
				<div class="box">
					<div class="box-head tabs">
						<div style="width: 273px;">
							<h3>Trust Region Details</h3>
							<ul class="nav nav-tabs" style="float: left; margin-top: 10px;">
								<li class="active" id="details-tab"><a href="#0" data-toggle="tab">Details</a></li>
								<li id="trust-district-tab"><a href="#1" data-toggle="tab">Trust Districts</a></li>
							</ul>
						</div>
						<div style="float: right;">
							<ul style="list-style: none; margin: 10px 0 0 0;">
								<li style="float: left; margin-right: 10px;">
									<a id='mark-active-tr' href='markInActiveTrustRegion.action?trustRegionId=<s:property value='trustRegionId' />' class='btn btn-success'>In-active</a>
								</li>
								<li style="float: left; margin-right: 10px;"><button
										id="save-trust-region" class="btn btn-success" type="submit">Save</button></li>
								<li style="float: left; margin-right: 10px;"><a id=""
									href="listTrustRegion.action" class="btn btn-success">Back</a></li>
							</ul>
						</div>
					</div>
					<div class="box-content" id="trust-region">
						<div class="tab-content">
							<div class="tab-pane active" id="0">
								<div class="row-fluid force-margin">
									<div class="span3">
										<div class="control-group">
											<label for="req" class="control-label require">Nation/Country</label>
											<div class="controls">
												<s:select list="countries" name="country"
													listKey="countryId" listValue="countryName" id="selsear"
													headerKey="-1" required="true" value="#{trustRegion.country.countryId}" headerValue="">
												</s:select>
											</div>
										</div>
										<div class="control-group">
											<label for="req" class="control-label require">Trust Region Name</label>
											<div class="controls">
												<s:textfield name="trustRegionName" id="req" cssClass="required" value="%{trustRegion.name}" />
											</div>
										</div>
										<div class="control-group">
											<label for="req" class="control-label">Description</label>
											<div class="controls">												
												<s:textarea style="resize: none; width: 220px;"
													name="trustRegionDescription" id="basictext"
													cssClass='span9 input-square' rows="6" value="%{trustRegion.description}" />
											</div>
										</div>
									</div>
								</div>
							</div>
							<%@ include file="listTrustDistrict.jsp"%>
						</div>
					</div>
				</div>
			</div>
		</s:form>
	</div>
</div>